.layout-container {
  height: calc(100% - 50px);
}

.rectification-template {
  @include flex;
  height: calc(100% - 67px);
  overflow-y: auto;

  .template-container {
    @include flex;
    flex-direction: column;
    width: 200px;
    flex-shrink: 0;
    padding: 20px 0 30px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #f5f7fa;

    .template {
      &-list {
        flex: 1;
        overflow-y: auto;
      }

      &-item {
        @include flex-align;
        padding: 0 8px;

        & + .template-item {
          margin-top: 8px;
        }

        &-label {
          width: 150px;
          font-weight: 400;
          font-size: 14px;
          color: #3d3d3d;
          line-height: 24px;
          cursor: pointer;
        }

        &-icon {
          @include flex;
          flex-wrap: nowrap;
          margin-left: auto;
          cursor: pointer;
        }
      }

      &-button {
        text-align: center;

        :deep(.arco-btn) {
          width: 130px;
        }
      }
    }

    .item-active {
      color: #007dff;
      background-color: #d9e8ff;

      .template-item-label {
        color: #007dff !important;
      }
    }
  }

  .task-container {
    @include flex;
    flex-direction: column;
    flex: 1;
    width: 0;

    .task-header {
      margin-bottom: 20px;
    }

    .task-table {
      flex: 1;
      overflow: auto;
    }

    :deep(.arco-pagination) {
      margin-left: auto;
      margin-top: 20px;
    }
  }
}

// 删除模板
.modal-message {
  @include flex-align;
  flex-direction: column;
  width: 100%;

  .del-name {
    @include flex-inline-flex;
    width: 200px;
    min-height: 60px;
    margin: 20px auto 10px;
    word-break: break-all;
    border: 1px solid #dcdfe6;
  }

  .del-tip {
    margin-bottom: 23px;
  }
}

// 任务
.drawer-content {
  ::v-deep(.arco-space) {
    gap: 20px;
  }

  ::v-deep(.arco-space-item) {
    flex: 1;
  }

  ::v-deep(.arco-form) {
    margin-top: 20px;
  }

  ::v-deep(.arco-form-item-content-wrapper) {
    position: relative;
  }

  .is-acceptance {
    width: 100%;
    border: 1px solid #f2f3f5;
    height: 34px;
    height: 76px;
    position: absolute;
    top: 0;

    > span {
      height: 30px;
    }

    .select {
      height: 40px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    ::v-deep(.arco-select-view-single) {
      width: calc(100% - 20px);
      border: none;
      background: #f2f3f5;
    }

    .arco-checkbox-group {
      display: flex;
      align-items: end;
      padding-left: 10px;
    }
  }
}

::v-deep(.ql-tooltip) {
  left: 0 !important;
}

.desc {
  margin-bottom: 20px;
}

::v-deep(.ql-container.ql-snow) {
  height: 350px;
  overflow-y: scroll;
}

.condition-list {
  margin-top: 20px;

  .condition-item {
    border: 1px solid #DCDFE6;
    padding: 12px 12px 0px 12px;
    margin-bottom: 20px;

    .arco-row {
      align-items: center;
    }

    .content {
      @include flex-align();
      margin-bottom: 12px;

      .condition-label {
        white-space: nowrap;
        font-size: 14px;
        height: 32px;
        padding: 0px 10px;
        line-height: 32px;
        color: #3D3D3D;
        background: #F2F3F5;
        border-right: 1px solid #D7D8E0;
      }

      :deep(.arco-select) {
        border-radius: 0px;
        border: none;
        height: 32px;

        .arco-select-view-input {
          line-height: 32px;
        }
      }
    }

    .delete {
      text-align: right;
      color: #909399;
      cursor: pointer;
    }
  }

  .add-item {
    border: 1px solid #DCDFE6;
    padding: 12px;
    margin-bottom: 20px;
    color: #007aff;
    @include flex-align();
    cursor: pointer;
    //margin-top: 10px;

    span {
      margin-left: 8px;
    }
  }
}
.top-distance{
  margin-top: 30px;
}


:deep(.arco-table-header) th {
  background-color: #f2f6fc !important;
  color: #909399 !important;
}
